<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="www.yanshisan.cn" />
    <meta name="robots" content="all" />
    <title>留言板</title>
    <link rel="stylesheet" href="src/font-awesome/css/font-awesome.min.css" />
    <link rel="stylesheet" href="src/layui/css/layui.css" />
    <link rel="stylesheet" href="src/css/master.css" />
    <link rel="stylesheet" href="src/css/gloable.css" />
    <link rel="stylesheet" href="src/css/nprogress.css" />
    <link rel="stylesheet" href="src/css/message.css" />
  </head>
  <body>
    <div class="header"></div>
    <%- include('tmp/head.ejs', {data: `${title}页头`}); %>
    <div class="doc-container" id="doc-container">
      <div class="container-fixed">
        <div class="container-inner">
          <section class="msg-remark">
            <h1>留言板</h1>
            <p>沟通交流，拉近你我！</p>
          </section>
          <div class="textarea-wrap message" id="textarea-wrap">
            <form class="layui-form blog-editor" action="">
              <div class="layui-form-item">
                <textarea
                  name="editorContent"
                  lay-verify="content"
                  id="remarkEditor"
                  placeholder="请输入内容"
                  class="layui-textarea layui-hide"
                ></textarea>
              </div>
              <div class="layui-form-item">
                <button
                  class="layui-btn"
                  lay-submit="formLeaveMessage"
                  lay-filter="formLeaveMessage"
                >
                  提交留言
                </button>
              </div>
            </form>
          </div>
        </div>
        <div class="f-cb"></div>
        <div class="mt20">
          <ul class="message-list" id="message-list">
            <li class="zoomIn article">
              <div class="comment-parent">
                <a name="remark-1"></a>
                <img
                  src="https://thirdqq.qlogo.cn/qqapp/101465933/7627F745B95BFAC18C6C481FE72B4EB1/100"
                />
                <div class="info">
                  <span class="username">燕十三</span>
                </div>
                <div class="comment-content">剑气纵横三万里</div>
                <p class="info info-footer">
                  <i class="fa fa-map-marker" aria-hidden="true"></i>
                  <span>四川</span>
                  <span class="comment-time">2018-01-01</span>
                  <a
                    href="javascript:;"
                    class="btn-reply"
                    data-targetid="1"
                    data-targetname="燕十三"
                    >回复</a
                  >
                </p>
              </div>
              <hr />
              <div class="comment-child">
                <a name="reply-1"></a>
                <img
                  src="https://thirdqq.qlogo.cn/qqapp/101465933/7627F745B95BFAC18C6C481FE72B4EB1/100"
                />
                <div class="info">
                  <span class="username">燕十四</span>
                  <span style="padding-right: 0; margin-left: -5px">回复</span>
                  <span class="username">燕十三</span>
                  <span>一剑光寒十九洲</span>
                </div>
                <p class="info">
                  <i class="fa fa-map-marker" aria-hidden="true"></i>
                  <span>四川</span>
                  <span class="comment-time">2018-01-01</span>
                  <a
                    href="javascript:;"
                    class="btn-reply"
                    data-targetid="2"
                    data-targetname="燕十四"
                    >回复</a
                  >
                </p>
              </div>
              <div class="replycontainer layui-hide">
                <form class="layui-form" action="">
                  <input type="hidden" name="remarkId" value="1" />
                  <input type="hidden" name="targetUserId" value="0" />
                  <div class="layui-form-item">
                    <textarea
                      name="replyContent"
                      lay-verify="replyContent"
                      placeholder="请输入回复内容"
                      class="layui-textarea"
                      style="min-height: 80px"
                    ></textarea>
                  </div>
                  <div class="layui-form-item">
                    <button
                      class="layui-btn layui-btn-xs"
                      lay-submit="formReply"
                      lay-filter="formReply"
                    >
                      提交
                    </button>
                  </div>
                </form>
              </div>
            </li>
            <li class="zoomIn article">
              <div class="comment-parent">
                <a name="remark-1"></a>
                <img
                  src="https://thirdqq.qlogo.cn/qqapp/101465933/7627F745B95BFAC18C6C481FE72B4EB1/100"
                  alt="{{ name }}"
                />
                <div class="info">
                  <span class="username">燕十三</span>
                </div>
                <div class="comment-content">剑气纵横三万里</div>
                <p class="info info-footer">
                  <i class="fa fa-map-marker" aria-hidden="true"></i>
                  <span>四川</span>
                  <span class="comment-time">2018-01-01</span>
                  <a
                    href="javascript:;"
                    class="btn-reply"
                    data-targetid="1"
                    data-targetname="燕十三"
                    >回复</a
                  >
                </p>
              </div>
              <div class="replycontainer layui-hide">
                <form class="layui-form" action="">
                  <input type="hidden" name="remarkId" value="1" />
                  <input type="hidden" name="targetUserId" value="0" />
                  <div class="layui-form-item">
                    <textarea
                      name="replyContent"
                      lay-verify="replyContent"
                      placeholder="请输入回复内容"
                      class="layui-textarea"
                      style="min-height: 80px"
                    ></textarea>
                  </div>
                  <div class="layui-form-item">
                    <button
                      class="layui-btn layui-btn-xs"
                      lay-submit="formReply"
                      lay-filter="formReply"
                    >
                      提交
                    </button>
                  </div>
                </form>
              </div>
            </li>
            <li class="zoomIn article">
              <div class="comment-parent">
                <a name="remark-1"></a>
                <img
                  src="https://thirdqq.qlogo.cn/qqapp/101465933/7627F745B95BFAC18C6C481FE72B4EB1/100"
                />
                <div class="info">
                  <span class="username">燕十三</span>
                </div>
                <div class="comment-content">剑气纵横三万里</div>
                <p class="info info-footer">
                  <i class="fa fa-map-marker" aria-hidden="true"></i>
                  <span>四川</span>
                  <span class="comment-time">2018-01-01</span>
                  <a
                    href="javascript:;"
                    class="btn-reply"
                    data-targetid="1"
                    data-targetname="燕十三"
                    >回复</a
                  >
                </p>
              </div>
              <hr />
              <div class="replycontainer layui-hide">
                <form class="layui-form" action="">
                  <input type="hidden" name="remarkId" value="1" />
                  <input type="hidden" name="targetUserId" value="0" />
                  <div class="layui-form-item">
                    <textarea
                      name="replyContent"
                      lay-verify="replyContent"
                      placeholder="请输入回复内容"
                      class="layui-textarea"
                      style="min-height: 80px"
                    ></textarea>
                  </div>
                  <div class="layui-form-item">
                    <button
                      class="layui-btn layui-btn-xs"
                      lay-submit="formReply"
                      lay-filter="formReply"
                    >
                      提交
                    </button>
                  </div>
                </form>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <%- include('tmp/foot.ejs', {data: copy}); %>
    <script src="src/layui/layui.js"></script>
    <script src="src/js/yss/gloable.js"></script>
    <script src="src/js/plugins/nprogress.js"></script>
    <script>
      NProgress.start();
    </script>
    <script src="src/js/pagemessage.js"></script>
    <script>
      NProgress.start();
    </script>
    <script>
      window.onload = function () {
        NProgress.done();
      };
    </script>
  </body>
</html>
